/* 
 * 下拉框全局修复样式
 * 解决所有页面中el-select下拉选项不显示或显示不完整的问题
 */

/* 设置基础样式 */
.el-select {
  display: inline-block;
}

/* 表单中的下拉框和日期选择器宽度处理 */
.el-form-item .el-select,
.el-form-item .el-date-picker,
.el-form-item .el-input-number,
.el-form-item .el-cascader,
.el-form-item .el-time-picker {
  width: 100% !important;
}

/* 确保下拉菜单可以正确显示 */
.el-select-dropdown {
  min-width: 180px !important;
  width: auto !important;
  max-width: none !important;
}

/* 确保选项文本不会被截断 */
.el-select-dropdown__item {
  white-space: nowrap !important;
  padding: 0 20px !important;
  text-overflow: ellipsis !important;
}

/* 确保下拉菜单内容可以滚动 */
.el-select-dropdown .el-scrollbar__view {
  padding: 5px 0 !important;
}

/* 确保下拉菜单有足够的z-index始终在最上层 */
.el-select__popper,
.el-popper {
  z-index: 9999 !important;
  max-width: none !important;
}

/* 修正表单项的宽度设置 */
.el-form-item {
  margin-right: 20px;
  margin-bottom: 10px;
}

/* 对话框中的下拉框特殊处理 */
.el-dialog .el-select {
  width: 100% !important;
}

/* 对于政治面貌这样的长文本选项特殊处理 */
.el-dialog .el-select-dropdown__item {
  white-space: nowrap !important;
  padding-right: 20px !important;
}

/* 搜索表单中的下拉框 */
.search-form .el-select {
  width: 100% !important;
  min-width: 180px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .el-select, 
  .el-select .el-input,
  .el-date-picker,
  .el-cascader {
    width: 100% !important;
  }
}

/* 为带有样式宽度的下拉框特殊处理 */
.el-select[style*="width"] {
  width: 100% !important;
} 